<!--忘记密码页面-->
<template>
	<div class="login">
		<!--登录信息输入-->
		<div class="login-center">
			<div class="login-input">
				<div class="login-input-user"><span>账号</span><input type="text" placeholder="用户名/邮箱/手机号" /></div>
				<div class="login-input-bt">
					<router-link to="/loginforgetcode">点击完成验证</router-link>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'Login',
		data() {
			return {}
		},
		methods: {

		}
	}
</script>
<style scoped>
	/*登录logo*/
	
	.login {
		position: absolute;
		height: 100%;
		width: 100%;
		background: #FFFFFF;
	}
	
	.login-center {
		width: 640px;
		margin: 0 auto;
	}
	/*登录信息输入*/
	
	.login-input {
		padding: 50px 20px;
	}
	
	.login-input-user {
		border-bottom: 1px #F4F4F4 solid;
		display: flex;
		align-items: center;
	}
	
	.login-input-user>input {
		width: 100%;
		border: none;
		height: 45px;
		line-height: 45px;
		outline: none;
	}
	
	.login-input-user>span {
		font-size: 14px;
		color: #666666;
		width: 60px;
		padding-left: 15px;
		margin-right: 15px
	}
	
	.login-input-bt {
		margin-top: 15px;
		text-align: center;
		width: 100%;
		height: 45px;
		line-height: 45px;
		color: #FFFFFF;
		background: #37B3FF;
		border-radius: 15px;
		font-size: 14px;
	}
	
	.login-input-bt>a {
		color: #FFFFFF;
		display: block
	}
</style>